<template>
  <!--信用公示-->
  <div class="container">
    <div class="header">
      {{ this.$store.state.areaInfoArr.mainTopText }}
      <span class="fr" @click="toHome" style="cursor: pointer">返回首页</span>
    </div>
    <div class="creditPublicityTitle">
      <div class="Chinese">信用公示</div>
      <div class="English">Credit Publicity</div>
    </div>
    <div class="tabsBox">
      <el-tabs v-model="activeName" @tab-click="handleClick" class="tabs">
        <el-tab-pane label="个人信用公示" name="first">
          <employeeCredit></employeeCredit>
        </el-tab-pane>
        <el-tab-pane
          :label="isHsUser() ? '企业信用公示' : '项目信用公示'"
          name="second"
        >
          <creditPublicity></creditPublicity>
        </el-tab-pane>
      </el-tabs>
    </div>
    <loginFooter></loginFooter>
  </div>
</template>
<script>
import employeeCredit from '@/components/common/employeeCredit'
import creditPublicity from '@/components/common/creditPublicity'
import loginFooter from '@/components/publicCom/loginFooter'

export default {
  name: 'newCreditPublicity',
  components: {
    employeeCredit,
    creditPublicity,
    loginFooter,
  },
  data() {
    return {
      activeName: 'first',
    }
  },
  created() {},
  methods: {
    toHome() {
      this.$router.push({
        path: '/login/loginFirst',
      })
    },
    search() {
      this.$refs.pagination.getTableListData()
    },
  },
}
</script>
<style scoped lang="less">
.container {
  background-color: #f6f6f6;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.container::-webkit-scrollbar {
  width: 0px;
}
.header {
  padding: 0 120px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 14px;
  color: #333;
}

.creditPublicityTitle {
  padding: 19px 120px;
  height: 100px;
  line-height: 1;
  .Chinese {
    font-size: 34px;
    color: #265faa;
    letter-spacing: 0;
    text-align: left;
    font-weight: 700;
    margin-bottom: 12px;
  }
  .English {
    font-size: 16px;
    color: #333;
  }
}

.tabsBox {
  padding: 0 120px;
  height: 60px;
  background: #265faa;
  padding-top: 10px;
  .tabs {
    /deep/ .el-tabs__item {
      font-size: 16px;
      color: #fff;
      font-weight: 700;
    }
    /deep/ .el-tabs__nav-wrap::after {
      height: 0;
    }
    /deep/ .el-tabs__active-bar {
      background: #fff !important;
    }
  }
}

.footer {
  height: 40px;
  line-height: 40px;
  background-color: #f2f2f2;
  color: #9195a3 !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
}
</style>
